<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a="http://richfaces.org/a4j"
	template="../layout/templateGeneral.xhtml">

	<ui:define name="contenido">
		<h:form>
		
		    <br />
			<h:panelGrid columns="2">
				<h:panelGroup>
					<a4j:commandButton styleClass="botonAgregar" render="tablaResultados" value="Solicitar Cliente" action="#{solicitarClienteBean.consultarProximoEnLista}" style=" width : 105px;">
					</a4j:commandButton>
				</h:panelGroup>
			</h:panelGrid>
			
			
			<div class="tituloSec">
				<h:outputText value="Listado de clientes en cola" />
			</div>
			


			<rich:dataTable id="tablaResultados" cellspacing="1" cellpadding="1"
				border="0" styleClass="tablas" rowClasses="impar,par"
				style="width:99%" rows="5"
				value="#{solicitarClienteBean.listadoClientesCola}" var="fila"
				iterationStatusVar="varkey">

				<rich:column rowspan="1" styleClass="style#{fila['ESTADO']}">
					<f:facet name="header">
						<h:outputText value="ID" escape="false" />
					</f:facet>
					<h:outputText value="#{fila['ID_INGRESO']}" />
				</rich:column>
				<rich:column rowspan="1" styleClass="style#{fila['ESTADO']}">
					<f:facet name="header">
						<h:outputText value="Primer Nombre" />
					</f:facet>
					<h:outputText value="#{fila['NOMBRE1']}" />
				</rich:column>

				<rich:column rowspan="1" styleClass="style#{fila['ESTADO']}">
					<f:facet name="header">
						<h:outputText value="Segundo Nombre" escape="false" />
					</f:facet>
					<h:outputText value="#{fila['NOMBRE2']}" />
				</rich:column>

				<rich:column rowspan="1" styleClass="style#{fila['ESTADO']}">
					<f:facet name="header">
						<h:outputText value="Primer Apellido" escape="false" />
					</f:facet>
					<h:outputText value="#{fila['APELLIDO1']}" />
				</rich:column>
				<rich:column rowspan="1" styleClass="style#{fila['ESTADO']}">
					<f:facet name="header">
						<h:outputText value="Segundo Apellido" escape="false" />
					</f:facet>
					<h:outputText value="#{fila['APELLIDO2']}" />
				</rich:column>
				<rich:column rowspan="1" styleClass="style#{fila['ESTADO']}"
					style="width:10%">
					<f:facet name="header">
						<h:outputText value="Tipo" escape="false" />
					</f:facet>
					<h:outputText value="#{fila['TIPO_DOC']}" />
				</rich:column>
				<rich:column rowspan="1" styleClass="style#{fila['ESTADO']}">
					<f:facet name="header">
						<h:outputText value="Numero de documento" escape="false" />
					</f:facet>
					<h:outputText value="#{fila['NUM_DOC']}" />
				</rich:column>
				
				
				<rich:column rowspan="1" styleClass="style#{fila['ESTADO']}">
					<f:facet name="header">
						<h:outputText value="¿Donde supo?" escape="false" />
					</f:facet>
					<h:outputText value="#{fila['DONDE_SUPO']}" />
				</rich:column>
				
				
				<rich:column rowspan="1" styleClass="style#{fila['ESTADO']}">
					<f:facet name="header">
						<h:outputText value="Tipo de vehiculo" escape="false" />
					</f:facet>
					<h:outputText value="#{fila['TIPO_VEHICULO']}" />
				</rich:column>
				
				
				<rich:column rowspan="1" styleClass="style#{fila['ESTADO']}">
					<f:facet name="header">
						<h:outputText value="ACCION" escape="false" />
					</f:facet>
					<h:commandButton styleClass="botonAgregar" render="tablaResultados" value="Cargar Datos" action="#{solicitarClienteBean.cargarDatos}" style=" width : 123px;" />
					
				</rich:column>

			</rich:dataTable>

			<div align="center">
				<rich:dataScroller id="paginadorResultados" for="tablaResultados" />
			</div>
			
			
			<br />
			<h:panelGrid columns="2">
				<h:panelGroup>
					<a4j:commandButton styleClass="botonAgregar" render="tablaResultados" value="Finalizar atención" action="#{solicitarClienteBean.terminanAtencion}" style=" width : 123px;" />
				</h:panelGroup>
			</h:panelGrid>
			

		</h:form>

	</ui:define>

</ui:composition>
